<!--  -->
<template>
  <div class="page-changecity">

    <city-select />
    <hot-city />
    <city-category />

  </div>
</template>

<script>
import citySelect from "@/components/changeCity/citySelect.vue";
import hotCity from "@/components/changeCity/hotCity.vue";
import cityCategory from "@/components/changeCity/cityCategory.vue";
export default {
  data() {
    return {};
  },

  components: {
    citySelect,
    hotCity,
    cityCategory
  },

  computed: {},

  methods: {}
};
</script>
<style lang='scss' scoped>
.page-changecity {
  position: relative;
  width: 1190px;
  box-sizing: border-box;
  margin: 70px auto 0;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  min-height: 1000px;
  padding: 20px;
}
</style>
